<template>
  <div>
    <!-- 账号 -->
    <el-input placeholder="账号">
      <template slot="prepend">账号:</template>
    </el-input>
    <!-- 密码 -->
    <el-input placeholder="密码" type="password">
      <template slot="prepend">密码:</template>
    </el-input>
    <el-button type="primary" @click="handleLogin">确认登录</el-button>
  </div>
</template>
<script>
export default {
  methods: {
    handleLogin() {
      // 收集账号密码
      // 访问后端，校验密码对不对，账号存不存在
      // 登录状态存起来，下次用户进来，就知道他之前登陆过了
      localStorage.setItem("isLogin", true);
      // 跳转到主页
      this.$router.push({
        path: "/home",
      });
    },
  },
};
</script>
